<%@page pageEncoding="UTF-8"%>
<tiles:insert template="../common/layout.jsp" flush="true">
<tiles:put name="title"><bean:message key="index.title" /></tiles:put>
<tiles:put name="content" type="string">

        <div class="row-fluid">
            <noscript>
                <div class="alert alert-block span10" style="min-height: 48px;">
                    <h4 class="alert-heading">Warning!</h4>
                    <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
                </div>
            </noscript>
            <div id="content" class="span10" >
            <!-- start: Content -->

            <div>
                <hr>
                <ul class="breadcrumb">
                    <li>
                        <a href="#">Home</a> <span class="divider">/</span>
                    </li>
                    <li>
                        <a href="#">Dashboard</a>
                    </li>
                </ul>
                <hr>
            </div>
            <hr>

            <div class="row-fluid">

                   <div class="box span12" onTablet="span12" onDesktop="span12">
                  <div class="box-header" data-original-title>
                      <h2><i class="icon-calendar"></i><span class="break"></span>Calendar</h2>
                  </div>
                    <div class="box-content">
                    <div id="external-events" class="span3 hidden-phone hidden-tablet">
                        <h4>Draggable Events</h4>
                        <div class="external-event badge">Default</div>
                        <div class="external-event badge badge-success">Completed</div>
                        <div class="external-event badge badge-warning">Warning</div>
                        <div class="external-event badge badge-important">Important</div>
                        <div class="external-event badge badge-info">Info</div>
                        <div class="external-event badge badge-inverse">Other</div>
                        <p>
                        <label for="drop-remove"><input type="checkbox" id="drop-remove" /> remove after drop</label>
                        </p>
                        </div>
                       <div id="calendar" class="span9"></div>

                        <div class="clearfix"></div>
                    </div>
                </div><!--/span-->
            </div>
            <div class="row-fluid">
                <div class="box span4" onTablet="span6" onDesktop="span4">
                    <div class="box-header">
                        <h2><i class="icon-list"></i><span class="break"></span>Weekly Stat</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <ul class="dashboard-list">
                            <li>
                                <a href="#">
                                    <i class="fa-icon-arrow-up green"></i>
                                    <span class="green">92</span>
                                    New Comments
                                </a>
                            </li>
                          <li>
                            <a href="#">
                              <i class="fa-icon-arrow-down red"></i>
                              <span class="red">15</span>
                              New Registrations
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa-icon-minus blue"></i>
                              <span class="blue">36</span>
                              New Articles
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa-icon-comment yellow"></i>
                              <span class="yellow">45</span>
                              User reviews
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa-icon-arrow-up green"></i>
                              <span class="green">112</span>
                              New Comments
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa-icon-arrow-down red"></i>
                              <span class="red">31</span>
                              New Registrations
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa-icon-minus blue"></i>
                              <span class="blue">93</span>
                              New Articles
                            </a>
                          </li>
                          <li>
                            <a href="#">
                              <i class="fa-icon-comment yellow"></i>
                              <span class="yellow">254</span>
                              User reviews
                            </a>
                          </li>
                        </ul>
                    </div>
                </div><!--/span-->

                <div class="box span4" onTablet="span6" onDesktop="span4">
                    <div class="box-header">
                        <h2><i class="icon-user"></i><span class="break"></span>Last Users</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <ul class="dashboard-list">
                            <li>
                                <a href="#">
                                    <img class="avatar" alt="Lucas" src="../img/avatar.jpg">
                                </a>
                                <strong>Name:</strong> <a href="#">Łukasz Holeczek</a><br>
                                <strong>Since:</strong> Jul 25, 2012 11:09<br>
                                <strong>Status:</strong> <span class="label label-success">Approved</span>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="avatar" alt="Bill" src="../img/avatar9.jpg">
                                </a>
                                <strong>Name:</strong> <a href="#">Bill Cole</a><br>
                                <strong>Since:</strong> Jul 25, 2012 11:09<br>
                                <strong>Status:</strong> <span class="label label-warning">Pending</span>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="avatar" alt="Jane" src="../img/avatar5.jpg">
                                </a>
                                <strong>Name:</strong> <a href="#">Jane Sanchez</a><br>
                                <strong>Since:</strong> Jul 25, 2012 11:09<br>
                                <strong>Status:</strong> <span class="label label-important">Banned</span>
                            </li>
                            <li>
                                <a href="#">
                                    <img class="avatar" alt="Kate" src="../img/avatar6.jpg">
                                </a>
                                <strong>Name:</strong> <a href="#">Kate Presley</a><br>
                                <strong>Since:</strong> Jul 25, 2012 11:09<br>
                                <strong>Status:</strong> <span class="label label-info">Updates</span>
                            </li>
                        </ul>
                    </div>
                </div><!--/span-->
                      <div class="box span4 noMargin" onTablet="span12" onDesktop="span4">
                    <div class="box-header">
                        <h2><i class="icon-list"></i><span class="break"></span>Support tickets</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <ul class="tickets">
                            <li class="ticket">
                                <a href="#">
                                    <span class="header">
                                        <span class="title">Server unavaible</span>
                                        <span class="number">[ #199278 ]</span>
                                    </span>
                                    <span class="content">
                                        <span class="avatar"><img src="../img/avatar6.jpg" alt="Avatar"></span>
                                        <span class="name">Ashley Tan</span>
                                        <span class="priority blue">[ Low priority ]</span>
                                        <span class="status">Status: <span class="green">[ Complete ]</span></span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                    </span>
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <span class="header">
                                        <span class="title">Mobile App Problem</span>
                                        <span class="number">[ #199277 ]</span>
                                    </span>
                                    <span class="content">
                                        <span class="avatar"><img src="../img/avatar7.jpg" alt="Avatar"></span>
                                        <span class="name">Ann Kovalsky</span>
                                        <span class="priority yellow">[ Normal priority ]</span>
                                        <span class="status">Status: <span class="yellow">[ Pending ]</span></span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                    </span>
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <span class="header">
                                        <span class="title">PayPal issue</span>
                                        <span class="number">[ #199276 ]</span>
                                    </span>
                                    <span class="content">
                                        <span class="avatar"><img src="../img/avatar8.jpg" alt="Avatar"></span>
                                        <span class="name">Chris Dan</span>
                                        <span class="priority red">[ High priority ]</span>
                                        <span class="status">Status: <span class="blue">[ In progress ]</span></span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                    </span>
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <span class="header">
                                        <span class="title">IE7 problem</span>
                                        <span class="number">[ #199275 ]</span>
                                    </span>
                                    <span class="content">
                                        <span class="avatar"><img src="../img/avatar9.jpg" alt="Avatar"></span>
                                        <span class="name">John Grand</span>
                                        <span class="priority blue">[ Low priority ]</span>
                                        <span class="status">Status: <span class="red">[ Rejected ]</span></span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                    </span>
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <span class="header">
                                        <span class="title">Server unavaible</span>
                                        <span class="number">[ #199274 ]</span>
                                    </span>
                                    <span class="content">
                                        <span class="avatar"><img src="../img/avatar2.jpg" alt="Avatar"></span>
                                        <span class="name">Agnes Young</span>
                                        <span class="priority blue">[ Low priority ]</span>
                                        <span class="status">Status: <span class="green">[ Complete ]</span></span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                    </span>
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <span class="header">
                                        <span class="title">Mobile App Problem</span>
                                        <span class="number">[ #199273 ]</span>
                                    </span>
                                    <span class="content">
                                        <span class="avatar"><img src="../img/avatar3.jpg" alt="Avatar"></span>
                                        <span class="name">Melanie Brown</span>
                                        <span class="priority yellow">[ Normal priority ]</span>
                                        <span class="status">Status: <span class="yellow">[ Pending ]</span></span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                    </span>
                                </a>
                            </li>
                            <li class="ticket">
                                <a href="#">
                                    <span class="header">
                                        <span class="title">PayPal issue</span>
                                        <span class="number">[ #199272 ]</span>
                                    </span>
                                    <span class="content">
                                        <span class="avatar"><img src="../img/avatar4.jpg" alt="Avatar"></span>
                                        <span class="name">Patricia Doyle</span>
                                        <span class="priority red">[ High priority ]</span>
                                        <span class="status">Status: <span class="blue">[ In progress ]</span></span>
                                        <span class="date">Jul 25, 2012 11:09</span>
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div><!--/span-->

            </div>


                    <hr>
            <!-- end: Content -->
            </div><!--/#content.span10-->
                </div><!--/fluid-row-->

        <div class="modal hide fade" id="myModal">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h3>Settings</h3>
            </div>
            <div class="modal-body">
                <p>Here settings can be configured...</p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">Close</a>
                <a href="#" class="btn btn-primary">Save changes</a>
            </div>
        </div>
</tiles:put>
</tiles:insert>